<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
  <style>
    .box {
      height: 100px;
      width: 100px;
      background-color: #ff8500;
    }
  </style>
</head>
<body>
    <div class="box">123</div>
    <p id="nav">导航栏</p>
    <ul>
      <li ></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
<script>
  // const box =document.querySelector('div')
  // const box=document.querySelector('.box')
  // console.dir(box)
  // const nav=document.querySelector('#nav')
  // console.dir(nav)
  const li =document.querySelector('ul li:first-child')
  console.log(li)
</script>
</body>
</html>